<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'ZY_GuanZhuRen_0',
'ZY_FaBuShiJian_1'"></cms:ads>
<!doctype html>
<!-- 文件-->
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"> 
  <meta content="telephone=no" name="format-detection"> 
  <meta content="yes" name="apple-mobile-web-app-capable"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>希尔梵${网页标题}</title> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/xrfrz/new/mobile/./css/common.css"> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/xrfrz/new/mobile/css/animate.css"> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/xrfrz/new/mobile/./css/swiper-bundle.min.css"> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/xrfrz/new/mobile/./css/iconfont.css"> 
  <style>
        .box .title{
            margin-bottom: 10px;
        }
        .box{
            padding: 20px 15px;
        }
        img{
            display: block;
        }
		    .gray-bg{
            background: #F7F7F7;
        }
        .part1 .left{
            width: 45%;
            margin-right: 8px;
        }
        .part1 img{
            width: 100%;
            height: 100%;
        }
        .part1 .left .item{
            width: 100%;
            height: 75px;
            margin: 8px 0;
        }
        .part1 .right .top{
            width: 100%;
            height: 103px;
            margin: 8px 0;
        }
        .part1 .right .bottom{
            width: 100%;
            height: 47px;
            margin-top: 8px;
            margin-bottom: 8px;
        }
        .part1 .right .bottom .item{
            box-sizing: border-box;
        }
        .part1 .right .bottom .item:nth-child(1){
            padding-right: 4px;
        }
        .part1 .right .bottom .item:nth-child(2){
            padding-left: 4px;
        }
        .part2 .item{
            flex: 1;
            height: 157px;
            box-sizing: border-box;
            margin-top: 10px;
        }
        .part2 .item:nth-child(1) {
            margin-right: 4px;
        }
        .part2 .item:nth-child(2) {
            margin-left: 4px;
            margin-right: 4px;
        }
        .part2 .item:nth-child(3) {
            margin-left: 4px;
        }
        .part2 img{
            width: 100%;
            height: 100%;
        }
        .part2 .item .row:nth-child(1){
            width: 100%;
            margin-bottom: 8px;
        }
        .part3 .item {
            margin-top: 10px;
            height: 111px;
        }
        .part3 .item:nth-child(1) {
            margin-right: 4px;
        }
        .part3 .item:nth-child(2) {
            margin-left: 4px;
        }
        .part3 img{
            width: 100%;
            height: 100%;
        }
  </style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="image-warp"> 
      <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/staff/bg-mobile.png" class="img"> 
      <div class="page-name"> 
          <h2>员工风采</h2> 
      </div> 
  </div> 
  <div class="box gray-bg part1">
      <div class="container">
          <div class="title flex align-center space-center"> 
              <div class="line-black"></div> 
              <h2>周年庆典</h2> 
              <div class="line-black"></div> 
          </div>
          <div class="flex">
              <div class="left">
                  <div class="item">
                      <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/staff/1.png" alt="">
                  </div>
                  <div class="item">
                      <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/staff/2.png" alt="">
                  </div>
              </div>
              <div class="right flex-1">
                  <div class="top">
                      <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/staff/3.png" alt="">
                  </div>
                  <div class="bottom flex">
                      <div class="item flex-1">
                          <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/staff/4.png" alt="">
                      </div>
                      <div class="item flex-1">
                          <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/staff/5.png" alt="">
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </div>
  <div class="box part2">
      <div class="container">
          <div class="title flex align-center space-center"> 
              <div class="line-black"></div> 
              <h2>团队拓展</h2> 
              <div class="line-black"></div> 
          </div>
          <div class="flex">
              <div class="item">
                  <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/staff/6.png" alt="">
              </div>
              <div class="item">
                  <div class="row">
                      <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/staff/7.png" alt="">
                  </div>
                  <div class="row">
                      <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/staff/9.png" alt="">
                  </div>
              </div>
              <div class="item">
                  <div class="row">
                      <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/staff/8.png" alt="">
                  </div>
                  <div class="row">
                      <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/staff/10.png" alt="">
                  </div>
              </div>
          </div>
      </div>
  </div>
  <div class="box gray-bg part3">
      <div class="container">
          <div class="title flex align-center space-center"> 
              <div class="line-black"></div> 
              <h2>年会及优秀员工表彰</h2> 
              <div class="line-black"></div> 
          </div>
          <div class="flex">
              <div class="item">
                  <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/staff/11.png" alt="">
              </div>
              <div class="item">
                  <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/staff/12.png" alt="">
              </div>
          </div>
      </div>
  </div>
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/mobile/./js/swiper-bundle.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/mobile/./js/wow.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/mobile/js/jquery.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/mobile/./js/common.js"></script> 
  <script>
		
		</script>   
 </body>
</html>